<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>派生选择器</title>
		<!-- 需求：派生选择器抓取页面“行内2” 颜色任意
                                          字体放大50px
			父元素[id]
			提醒：祖宗 爷爷 父亲 子									   
		 -->
		 <style>
			 #dl div div span{
				 font-size: 50px;
				 color: aquamarine;
			 }
			 /* 派生选择器：找两个删除线，颜色：第一个删除线红色
			                                 第二个删除线绿色*/
			.d1 div div s{
				background: red;
			}
			.d1 div div div s{
				background: green;
			}
											 
		 </style>
	</head>
	<body>
		
		<div class="d1">
			<div><p>段落1</p><div><s>删除线</s><div><s>删除线</s></div></div></div>
			<div><p>段落2</p></div>
		</div>
		
		
		<hr />
		<div id="dl">
			<div>
				<p>段落</p>
				<span>行内1</span>
				<div>
					<span>行内2</span>
				</div>
			</div>
		</div>
	</body>
</html>